<template>
	<view >
		<u-popup :show="showModal" closeable @close="showModal = false" :round="12">
			<view class="content-box padlr24 padtb40 pad-b60 ctt">
				<view class="block-tit f-s36 txt-center">
					订单跟踪
				</view>
				<view class="list-box">
					
					<view 
						class="list-li flex-a ju-bt mar-t24" 
						v-for="(item, index) in 5" 
						:key="index"
					>
						<view class="li-tit">
							订单已提交
						</view>
						<view class="li-time">
							09:30
						</view>
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name: "", // 订单跟踪
		data() {
			return {
				showModal: false,
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.ctt{
		background-color: #fff !important;
	}
	.list-box {
		max-height: 500rpx;
		overflow-y: scroll;
		.list-li {
			.li-tit {
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #333333;
			}
			.li-time {
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #111111;
			}
		}
	}
</style>